<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>三维地理信息服务平台</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <link rel="stylesheet" href="../layui/css/layui.css" media="all">
    <link type="text/css" rel="stylesheet" href="../CSS/common.css">
    <style>
        body {
            color: #fff;
            font-size: 13px;
        }

        .biote-title {
            height: 45px;
            line-height: 45px;
            background: rgba(42, 44, 64, .7);
            padding-left: 10px;
            font-size: 14px;
            font-weight: bold;
        }

        .biote-type {
            padding: 20px 20px;
        }

        .biote-type span {
            padding: 5px 10px;
            border-radius: 3px;
            border: 1px #fff solid;
        }

        .biote-kv {
            padding-bottom: 10px;
            margin-left: 20px;
        }

        .biote-type-value {
            margin-left: 50px;
        }

        .line {
            width: 95%;
            margin: 20px auto;
            height: 1px;
            background: #fff;
        }

        .biote-content {
            background: rgba(42, 44, 64, .9);
        }

        body::-webkit-scrollbar {
            /*滚动条整体样式*/
            width: 4px;
            /*高宽分别对应横竖滚动条的尺寸*/
            height: 4px;
            scrollbar-arrow-color: red;

        }

        body::-webkit-scrollbar-thumb {
            /*滚动条里面小方块*/
            border-radius: 5px;
            -webkit-box-shadow: inset 0 0 5px rgb(255, 255, 255);
            background: rgba(218, 218, 218, 0.2);
            scrollbar-arrow-color: red;
        }

        body::-webkit-scrollbar-track {
            /*滚动条里面轨道*/
            -webkit-box-shadow: inset 0 0 5px rgb(255, 255, 255);
            border-radius: 0;
            background: rgb(255, 255, 255);
        }

        .gk,
        .fx {
            width: 70px;
            height: 25px;
            line-height: 25px;
            border-radius: 15px;
            background: rgba(42, 44, 64, .1);
        }
    </style>

</head>

<body>
<table id="zdwxy" lay-filter="zdwxy"></table>

<script src="../node_modules/jquery-2.0.3.js"></script>
<script src="../layui/layui.js" charset="utf-8"></script>
<script>
    layui.use(['element', 'table'], function () {
        var element = layui.element,
            table = layui.table;
        table.render({
            elem: '#zdwxy'
            , height: 668
            // ,page: true //开启分页
            , cols: [[ //表头
                { field: 'username', title: '物资', width: 80 }
                , { field: 'sex', title: '品类', width: 90 }
                , { field: 'city', title: '', width: 80 }
                , { field: 'sign', title: '数量', width: 83 }
                , { field: 'experience', title: '所属单位', width: 97 }
                , { field: 'score', title: '负责人', width: 108 }
            ]],
            data: [{
                "username": "NE201"
                , "score": "于雷15667897678"
                , "sex": "消防水罐车"
                , "city": "<span style='padding: 5px;color:#000;background: #fff'>车辆</span>"
                , "sign": "2"
                , "experience": "聚隆化工"
            }, {
                "username": "123"
                , "score": "于雷15667897678"
                , "sex": "灭火救援消防车"
                , "city": "<span style='padding: 5px;color:#000;background: #fff'>车辆</span>"
                , "sign": "2"
                , "experience": "聚隆化工"
            }, {
                "username": "5"
                , "score": "于雷15667897678"
                , "sex": "可燃气体检测仪"
                , "city": "<span style='padding: 5px;color:#000;background: #fff'>侦检</span>"
                , "sign": "2"
                , "experience": "聚隆化工"
            }, {
                "username": "NE201"
                , "score": "于雷15667897678"
                , "sex": "警戒标志杆"
                , "city": "<span style='padding: 5px;color:#000;background: #fff'>警戒</span>"
                , "sign": "2"
                , "experience": "聚隆化工"
            }, {
                "username": "NE201"
                , "score": "于雷15667897678"
                , "sex": "救援三脚架"
                , "city": "<span style='padding: 5px;color:#000;background: #fff'>救生</span>"
                , "sign": "2"
                , "experience": "聚隆化工"
            }, {
                "username": "NE201"
                , "score": "于雷15667897678"
                , "sex": "强酸碱清洗剂"
                , "city": "<span style='padding: 5px;color:#000;background: #fff'>清洗</span>"
                , "sign": "2"
                , "experience": "聚隆化工"
            }]
        });
        })
</script>
</body>

</html>